<ui:composition template="templateProveedor.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui"> 

	<h:head>
		<link type="text/css" rel="stylesheet" href="#{request.contextPath}/css/item.css" />
	</h:head>

	<ui:define name="versionRegistro">
		<div class="well" style="margin-top:70px; margin-bottom:70px;">
			<h:form enctype="multipart/form-data" id="form1" styleClass="bs-example form-horizontal">
				
				<h1><legend>Agregar   ·   Version</legend></h1>
			
				<p:growl id="mensajes" showDetail="false" life="1500" sticky="true" autoUpdate="true"/>
			  	
			  	<fieldset>		  		
					
					<div class="form-group">
						<h:outputLabel value="Contenido" styleClass="control-label col-lg-2"/>			        
		     			<div class="col-lg-3">
							<div class="input-group">
								<span class="input-group-addon"><span class="glyphicon glyphicon-list"></span></span>
						        <h:selectOneMenu id="cont" value="#{versionBean.idContenido}" effect="fade" styleClass="form-control" >
					            	<f:selectItems value="#{contenidoDigitalBean.contenidosProveedor}" var="contenido" itemLabel="#{contenido.nombre}" itemValue="#{contenido.idContenido}"/>
					        	</h:selectOneMenu>
					        </div>
						</div>
					</div>			        
       
					<div class="form-group">
						<h:outputLabel value="Archivo" styleClass="control-label col-lg-2"/>
						<div class="col-lg-8">
							<div class="input-group">
								<span class="input-group-addon"><span class="glyphicon glyphicon-picture"></span></span>
								<p:fileUpload fileUploadListener="#{utilsBean.subirArchivo}" 
											allowTypes="/(\.|\/)(apk|pdf|mp3|txt|APK|PDF|MP3|TXT|gif|jpg|jpeg|gif|png|PNG|GIF|JPG|JPEG)$/"
											cancelLabel="Cancelar" label="Seleccionar" uploadLabel="Confirmar"
											multiple="false" fileLimit="1"
											validatorMessage="Debe ingresar el archivo correspondiente a la version"
											fileLimitMessage="Puede ingresar solamente un archivo" 
											invalidFileMessage="No se permite este tipo de archivos"								
											required="true" requiredMessage="Debe ingresar el archivo correspondente a la version" 
											update="mensajes" sizeLimit="1000000000" auto="true" dragDropSupport="true" />
							</div>
						</div>
					</div>
		
					<div class="form-group">
						<h:outputLabel value="Nombre " styleClass="control-label col-lg-2"/>
						<div class="col-lg-8">
							<div class="input-group">
								<span class="input-group-addon"><span class="glyphicon glyphicon-font"></span></span>
								<p:inputText label="Nombre" placeholder="Nombre de version" styleClass="form-control"
										value="#{versionBean.nombre}" />
							</div>
						</div>
					</div>
		
					<div class="form-group">
						<h:outputLabel value="Numero" styleClass="control-label col-lg-2"/>
						<div class="col-lg-3">
							<div class="input-group">
								<span class="input-group-addon">N°</span>
								<p:inputText label="Numero" placeholder="0" styleClass="form-control"
											required="true" requiredMessage="Debe ingresar el numero correspondiente a la version" 
											value="#{versionBean.numero}" />
							</div>
						</div>
						<h:outputLabel value="Precio " styleClass="control-label col-lg-2"/>
						<div class="col-lg-3">
							<div class="input-group">
								<span class="input-group-addon">$</span>				
								<p:inputText label="Precio" placeholder="0.00" styleClass="form-control"
										required="true" requiredMessage="Debe ingresar el precio correspondiente a la version" 
										value="#{versionBean.precio}" />
							</div>
						</div>				
					</div>
		
					<div class="form-group" style="text-align:center; margin: auto;">
						<br />
						<h:commandButton id="cancelar" value="Cancelar" update="mensajes"
		             					actionListener="#{versionBean.getListarVersionesProveedor()}"
		             					styleClass="btn btn-default" style="margin:10px;"/>
												             
			         	<h:commandButton id="add" value="Agregar"
				             actionListener="#{versionBean.addVersionCD()}" styleClass="btn btn-primary" style="margin:10px;">
				         	<f:setPropertyActionListener target="#{versionBean.idContenido}" value="#{cd.idContenido}" />    
			            </h:commandButton>
					</div>
					
				</fieldset>
			</h:form>
		</div>
	</ui:define>
</ui:composition>